<script type="text/javascript">
	function scrollToElement (selector) {
	  $('html, body').animate({
		scrollTop: $(selector).offset().top
	  }, 2000);    
	};

	$(document).on('click', 'a.scroll', function () {
		scrollToElement($(this).attr('href'));
	});

	$(document).on('click', 'a.menu_sidebar', function () {
		$('a.menu_sidebar').removeClass("aktif");
		$(this).addClass("aktif");
	});
</script>

<h4 class="font-biru judul-singlepage hilang-mobile">Kategori</h4>
<div class="outer-nobg hilang-mobile">
	<ul class="menu_simple">
		<?php
		if(isset($list_kategori)){
			$no=1;
			foreach($list_kategori as $val){
		?>
		
	    <li id="btnDeskripsi"><a href="#kat_<?php echo $no;?>" class="scroll menu_sidebar"><span class="glyphicon glyphicon-file"></span>&nbsp;&nbsp;<?php echo $val['nama']?></a></li>
		
		<?php
		$no++;
		}
		}
		?>
	    
	  </ul>
<div class="clearfix"></div>
</div>